<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
</head>
<body>
<p title="father son">我是</p>
<p title="father son">你</p>
<p title="father" footer>爸爸</p>
<p lang="ch-a">快</p>
<p lang="ch-b">叫</p>
<p lang="ch-c">爹</p>
<p lang="ch d">爹</p>
<form name="input" action="#" method="get">
    姓名：<input type="text" value="超人">
    性别：<input type="text" value="1号">
    <input type="button" value="提交">
</form>
<style>
    [title]{
        color: red;
    }
    [footer]{
        color:green
    }
    [title=father]{
        font-size:20px
    }
    [title~=son]{
        font-size:100px;
    }
    [lang|=ch]{
        color: blue;
    }
    input[type=text ] {
        display: block;
        background-color: yellow;
        margin-top:10px
    }
    input[type=button]{
        margin-top: 10px;
    }

</style>
</body>
</html>